Adwaita: reset some properties in the overshoot mixin
authorLapo Calamandrei <calamandrei@gmail.com>
Thu, 13 Nov 2014 17:47:42 +0000 (18:47 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Thu, 13 Nov 2014 17:47:42 +0000 (18:47 +0100)
Otherwise we may inherit them see:
https://bugzilla.gnome.org/show_bug.cgi?id=740011

gtk/resources/theme/Adwaita/_drawing.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index d9cdfb920088434c51b9c69ab1abf36a3e0766ba..4a4551b779c828a340a0a79aab24181b443ffcb4 100644 (file)
 
   background-repeat: no-repeat;
   background-position: $_position;
+
+  background-color: transparent; // reset some properties to be sure to not inherit them somehow
+  border: none;                  //
+  box-shadow: none;              //
 }
index 439306ebbba61366eb1374108780fd26d7934a13..05fe09a5c582e3766784a8412696f21ceeedeb15 100644 (file)
   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to bottom, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
   background-size: 100% 4%, 100% 70%;
   background-repeat: no-repeat;
-  background-position: center top; }
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.top:backdrop {
     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
     background-size: 100% 4%;
     background-repeat: no-repeat;
-    background-position: center top; }
+    background-position: center top;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.bottom {
   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to top, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
   background-size: 100% 4%, 100% 70%;
   background-repeat: no-repeat;
-  background-position: center bottom; }
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.bottom:backdrop {
     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
     background-size: 100% 4%;
     background-repeat: no-repeat;
-    background-position: center bottom; }
+    background-position: center bottom;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.left {
   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to right, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
   background-size: 4% 100%, 70% 100%;
   background-repeat: no-repeat;
-  background-position: left center; }
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.left:backdrop {
     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
     background-size: 4% 100%;
     background-repeat: no-repeat;
-    background-position: left center; }
+    background-position: left center;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.right {
   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to left, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
   background-size: 4% 100%, 70% 100%;
   background-repeat: no-repeat;
-  background-position: right center; }
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.right:backdrop {
     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
     background-size: 4% 100%;
     background-repeat: no-repeat;
-    background-position: right center; }
+    background-position: right center;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 
 .label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
   color: #eeeeec; }
index 8515873395881cd316f42bf67a7f1e8c5af50438..7ef1d4fc4aa0be937949a7660c0b5ea4f91ef577 100644 (file)
   background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to bottom, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
   background-size: 100% 4%, 100% 70%;
   background-repeat: no-repeat;
-  background-position: center top; }
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.top:backdrop {
     background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
     background-size: 100% 4%;
     background-repeat: no-repeat;
-    background-position: center top; }
+    background-position: center top;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.bottom {
   background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to top, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
   background-size: 100% 4%, 100% 70%;
   background-repeat: no-repeat;
-  background-position: center bottom; }
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.bottom:backdrop {
     background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
     background-size: 100% 4%;
     background-repeat: no-repeat;
-    background-position: center bottom; }
+    background-position: center bottom;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.left {
   background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to right, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
   background-size: 4% 100%, 70% 100%;
   background-repeat: no-repeat;
-  background-position: left center; }
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.left:backdrop {
     background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
     background-size: 4% 100%;
     background-repeat: no-repeat;
-    background-position: left center; }
+    background-position: left center;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 .overshoot.right {
   background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to left, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
   background-size: 4% 100%, 70% 100%;
   background-repeat: no-repeat;
-  background-position: right center; }
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none; }
   .overshoot.right:backdrop {
     background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
     background-size: 4% 100%;
     background-repeat: no-repeat;
-    background-position: right center; }
+    background-position: right center;
+    background-color: transparent;
+    border: none;
+    box-shadow: none; }
 
 .label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
   color: #2e3436; }